<template>
	<view class="list-box">
		<scroll-view scroll-y>
			<view class="e-flex e-flex-wrap">
				<view class="goods-item" v-for="(item,index) in list" :key="item.id" @tap="jump(item.id)" >
					<!-- <e-image  mode="aspectFill" class="image" width="100%" height="150rpx" shape="circle" :src="$fullLink(item.icon)"  >
						<e-loading-icon slot="loading" ></e-loading-icon>
					</e-image> -->
					<load-image mode="aspectFill" :size="['100%','150rpx']" shape="circle"  :src="info.coverImg">
					</load-image>
					<view class="text-center e-m-t-4">
						{{item.name}}
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		props:{
			list:Array
		},
		data() {
			return {
				menuIndex:0
			};
		},
		methods:{
			jump (categoryTwo) {
				this.$goTo('/pages/classify/detail',{
					categoryTwo
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	scroll-view{
		height: 100%;
	}
	.list-box{
		height: 100%;
		padding: 28rpx 34rpx;
		.goods-item{
			flex: 0 0 calc((100% - 68rpx)/3);
			margin:0 34rpx 30rpx 0;
			// .image{
			// 	width: 100%;
			// 	height: 150rpx;
			// }
			&:nth-child(3n){
				margin-right: 0;
			}
		}
	}
</style>
